<template>
  <div id="mybottom">
    <ul>
      <li class="Collection" @click="funb()">
        <span></span> <span>我的购物车</span> <span id="right">></span>
      </li>
      <li class="Collection" @click="func()">
        <span></span> <span>我的收藏</span> <span id="right">></span>
      </li>
      <li @click="funw()"><span></span> <span>优惠卷</span> <span id="right">></span></li>
      <li @click="fun()">
        <span></span> <span>积分</span> <span id="right">></span>
      </li>
      <li><span></span> <span>地址管理</span> <span id="right">></span></li>
      <li><span></span> <span>浏览历史</span> <span id="right">></span></li>
      <li><span> </span> <span>给个好评</span> <span id="right">></span></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</template>

<script>
export default {
  methods: {
    fun() {
      this.$router.push("/integral");
    },

    funb() {
      this.$router.push("/Shopingcar");
    },
    func() {
      this.$router.push("/Shoucang");
    },

    funw(){
         this.$router.push("/coupon/ernouse")
    }
  },
};
</script>

<style scoped>
#mybottom {
  width: 100%;
  /* background-color: yellow; */
  font-size: 0.15rem;
  box-sizing: border-box;
  /* padding: 0rem 0.1rem 0rem 0.1rem; */
}
#mybottom ul li {
  box-sizing: border-box;
  padding: 0rem 0rem 0rem 0.1rem;
  height: 0.5rem;
  border-bottom: 1px solid #eee;
  line-height: 0.5rem;
  background-color: white;
}
#mybottom #right {
  float: right;
  padding-right: 0.2rem;
  box-sizing: border-box;
}
#mybottom ul .Collection {
  margin: 0.1rem 0rem 0.1rem 0rem;
  border: none;
}</style
>>
